<template>
  <div>
    <p v-for="(val, key) in obj" :key="key">{{ key }} -- {{ val }}</p>
    <button @click="addProperty()">dian</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      obj: {
        test: 1,
        hey: 'boy'
      }
    }
  },
  created() {
    // this.obj = { hellow: 'girl', ...this.obj }
  },
  methods: {
    addProperty() {
      this.obj = { hellow: 'girl', ...this.obj }
    }
  }
}
</script>

<style>

</style>